@charset "UTF-8";
@import "./_kit/variables.scss";
@import "./_kit/_mixin.scss";


.dynamic-wrap{
    background: url("../../assets/images/background.png") no-repeat;
    background-size: cover;
    padding:$rem*10 0;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
    ul{
        margin:0 $rem*20 0;
        background-color: rgba(253,255,254,.9);
        border-radius: $rem*10;
    }
    ul,li{
        @include clearfix;
        border-bottom: $rem*1 solid #666;
        margin: $rem*30;
        img{
            width: $rem*228;
            height: $rem*151;
            float: left;
            margin-bottom: $rem*30;
            margin-right: $rem*20;
        }
        h3{
            font-size: $rem*32;
            color: #333;
            margin-top: -$rem*10;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
        .dynamic-content{
            margin-top: $rem*30;
            font-size: $rem*24;
            color: #666;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        span{
            font-size: $rem*24;
            color: #666;
        }
    }
    ul,li:last-child{
        border-bottom: none;
    }
}
